<template>
	<view>
		<view class="head">
			<view class="avatar">
				<image src="../../static/logo.png"></image>
			</view>
			<view class="user-info">
				<view class="nick-name">天外飞仙</view>
				<view class="g-h"></view>
				<view class="signature">好好学习天天向上</view>
			</view>
		</view>
		<view class="g-h"></view>
		<view class="g-h"></view>
		<view class="g-card g-item-card margin-auto">
			<view class="list-item">
				<view class="left"><view class="left"><uni-icons type="calendar" size=35 color="#666"></uni-icons></view><view class="left item-font">我的预约</view></view>
				<view class="right"><uni-icons type="right" size=35 color="#02A7F0"></uni-icons></view>
			</view>
			<view class="line-dashed" style="width: 93%;margin: 0 auto;"></view>
			<view class="list-item">
				<view class="left"><view class="left"><uni-icons type="calendar" size=35 color="#666"></uni-icons></view><view class="left item-font">我的订单</view></view>
				<view class="right"><uni-icons type="right" size=35 color="#02A7F0"></uni-icons></view>
			</view>
		</view>
		<view class="g-h"></view>
		<view class="g-h"></view>
		<view class="g-card g-item-card margin-auto">
			<view class="list-item">
				<view class="left"><view class="left"><uni-icons type="calendar" size=35 color="#666"></uni-icons></view><view class="left item-font">学习公约</view></view>
				<view class="right"><uni-icons type="right" size=35 color="#02A7F0"></uni-icons></view>
			</view>
			<view class="line-dashed" style="width: 93%;margin: 0 auto;"></view>
			
			<view class="list-item">
				<view class="left"><view class="left"><uni-icons type="calendar" size=35 color="#666"></uni-icons></view><view class="left item-font">联系我们</view></view>
				<view class="right"><uni-icons type="right" size=35 color="#02A7F0"></uni-icons></view>
			</view>
			<view class="line-dashed" style="width: 93%;margin: 0 auto;"></view>
			
			<view class="list-item">
				<view class="left"><view class="left"><uni-icons type="calendar" size=35 color="#666"></uni-icons></view><view class="left item-font">用户协议</view></view>
				<view class="right"><uni-icons type="right" size=35 color="#02A7F0"></uni-icons></view>
			</view>
			<view class="line-dashed" style="width: 93%;margin: 0 auto;"></view>
			
			<view class="list-item">
				<view class="left"><view class="left"><uni-icons type="calendar" size=35 color="#666"></uni-icons></view><view class="left item-font">隐私协议</view></view>
				<view class="right"><uni-icons type="right" size=35 color="#02A7F0"></uni-icons></view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>
<style>
.head{
	width: 100%;
	background-color: #02A7F0;
	overflow: hidden;
	padding: 40rpx 0;
}
.avatar{float: left; }
.avatar image{
	width: 210rpx;
	height: 210rpx;
	border-radius: 50%;
	margin:0 40rpx;
}
.user-info{
	color: #fff;
	margin-top: 43rpx;
}
.nick-name{ font-size: 44rpx; font-weight: bold;}
.signature{font-size: 30rpx;}
.item-font{font-size: 38rpx; line-height: 60rpx; color: #666; text-indent: 15rpx;font-weight: bold;}
.list-item{padding: 30rpx 16rpx; overflow: hidden;}
</style>
